﻿<!DOCTYPE html>
<html lang="zh-CN" ><!-- manifest="manifest.appcache" -->
  <head>
    <#include "/v1.5/part_meta.ftl">
    <title>绑定手机 - 迈小众</title>
  </head>
<body>
<#include "/v1.5/part_navbar.ftl">
<div class="container">
  <div class="row col-md-offset-2 col-md-8" style="margin-top: 40px;">
    <div class="col-xs-12 steps">
      <div class="col-xs-4 step">
        <p class="step-line step-line-start"></p>
        <p class="step-round">1</p>
        <p class="step-label">身份验证</p>
      </div>
      <div class="col-xs-4 step">
        <p class="step-line"></p>
        <p class="step-round">2</p>
        <p class="step-label">手机验证</p>
      </div>
      <div class="col-xs-4 step">
        <p class="step-line step-line-end"></p>
        <p class="step-round">3</p>
        <p class="step-label">完成</p>
      </div>
    </div>
    <form id="step_0" class="form-horizontal" style="display:none;">
      <div class="form-group">
        <label for="pwd" class="col-sm-3 control-label">登录密码</label>
        <div class="col-sm-6">
          <input type="password" id="pwd" name="pwd" autocomplete="off" class="form-control">
        </div>
      </div>
      <div class="form-group">
        <div class="col-sm-offset-3 col-sm-6">
          <button type="submit" class="btn btn-success btn-lg col-xs-12">下一步</button>
        </div>            
      </div>
    </form>
    <form id="step_1" class="form-horizontal" style="display:none;">
      <div class="form-group">
        <label for="mobile" class="col-sm-3 control-label">新手机号</label>
        <div class="col-sm-6">
          <input type="text" id="mobile" name="mobile" class="form-control">
        </div>
      </div>
      <div class="form-group">
        <label for="captcha" class="col-sm-3 control-label">验证码</label>
        <div class="col-sm-6">
          <div class="col-xs-6" style="padding:0px">
            <input type="number" id="captcha" name="captcha" class="form-control">
          </div>
          <div class="col-xs-6">
            <button type="button" id="btn_send" class="btn btn-default col-xs-12">获取验证码</button>
          </div>
        </div>
      </div>
      <div class="form-group">
        <div class="col-sm-offset-3 col-sm-6">
          <button type="submit" class="btn btn-success btn-lg col-xs-12">完 成</button>
        </div>            
      </div>
    </form>
    <div id="step_2" class="col-xs-12" style="display:none;">
      <span class="tip-icon"></span>
      <p style="text-align:center;">手机绑定成功！</p>
    </div>        
  </div>
  <#include "/v1.5/part_footer.ftl">  
</div>
<script data-main="${st.resDomain}/v1.5/js/user/member_mobile" src="${st.resDomain}/v1.5/js/require.js"></script>
</body>
</html>
